<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Vmenu product category</title>
        <link rel="stylesheet" type="text/css" href="../../../assets/css/reset.css" />
        <script src="../../../assets/js/jquery-1.4.4.min.js"></script>
    </head>

    <style>
        *{
            margin:0;
            padding:0;
        }
        body {

            font-family: Arial;
            font-size: 12px;
            background: #37444a;
            
        }
        .container {
            width:600px;
            height:500px;
            margin:auto;

        }

    </style>

    <body>
        <div class="container">
            <!--SEARCH BAR WIDGET [slug:search, library:2, widget instance:1]-->

            <div id="search_bar_wi_1" class="search_bar_2"> 
                <!--Load css of widget-->
                <link rel="stylesheet" type="text/css" href="search_bar_2.css" />

                <form id="searchForm" class="searchForm" action="#" method="post">
                    <div class="search_panel">
                        <input type="text" class="searchText" id="searchText" value="Search Keyword Here ..."/> 
                        <input type="submit" class="buttonSearch" id="buttonSearch" value=""/>
                    </div>

                </form>
            </div>
            <!--END SEARCH WIDGET--> 
        </div>
    </body>
</html>